@import "./form.scss"
// $sidebar-first-bg: white; /*左侧菜单一级菜单颜色rgb(52, 58, 80)*/
// $sidebar-mid-bg: rgb(248, 248, 248); /** 中间级菜单背景色rgb(39, 44, 60) **/
// $sidebar-last-bg: rgb(248, 248, 248); /** 末级菜单背景色rgb(39, 44, 60) **/
// $sidebar-hover-bg: #409eff; /** 鼠标经过的背景色**/
// $sidebar-hover-bg-color: white; /** 鼠标经过的背景色的字体颜色**/
// $sidebar-color: #7d7d7d; /** 字体颜色#ddd **/
// $sidebar-hover-color: #323232; /** 字体鼠标经过颜色white **/
// $sidebar-inner-height: 44px; /** 内侧菜单高度 **/
// $sidebar-active-color: #409eff; /** 菜单选中状态#13bfb9**/
// :root {
//   --calendar-today-bg-color: rgba(216, 10, 30, 0.1);
// }
// $calendarBg: var(--calendar-today-bg-color);
// .money.el-input-number .el-input__inner {
//   text-align: right !important;
// }
// .number.el-input-number .el-input__inner {
//   text-align: left !important;
// }
// .tl-table.el-table th > .cell {
//   white-space: nowrap;
// }
// .tl-box-card .el-card__body {
//   padding: 10px;
// }
// .tl-box-card .el-card__header {
//   padding: 15px 10px;
// }
// .main-container {
//   .tl-layout-navbar {
//     background: $sidebar-active-color;
//   }
// }
// #app .sidebar-container {
//   .el-menu-item.logo {
//     background: $sidebar-active-color !important;
//   }
//   .menu-container {
//     background-color: $sidebar-first-bg;
//     // .menu-wrapper > .el-submenu > .el-submenu__title {
//     //   font-size: 15px;
//     //   i {
//     //     font-size: 20px;
//     //   }
//     // }
//     .el-submenu {
//       background-color: $sidebar-first-bg;
//       .el-submenu__title {
//         color: $sidebar-color;
//         i {
//           color: $sidebar-color;
//         }
//         &:hover {
//           background-color: $sidebar-hover-bg;
//           color: $sidebar-hover-bg-color;
//           i {
//             color: $sidebar-hover-bg-color;
//           }
//         }
//       }
//       &.is-active > .el-submenu__title {
//         color: $sidebar-hover-color !important;
//         &:hover {
//           background-color: $sidebar-hover-bg;
//           color: $sidebar-hover-bg-color !important;
//           i {
//             color: $sidebar-hover-bg-color;
//           }
//         }
//       }
//       .el-menu-item:hover {
//         i {
//           color: $sidebar-hover-bg-color;
//         }
//       }
//       .el-menu,
//       .el-menu-item,
//       .el-submenu {
//         color: $sidebar-color;
//         background-color: $sidebar-last-bg;
//         .el-submenu__title {
//           background-color: $sidebar-mid-bg;
//           height: $sidebar-inner-height;
//           line-height: $sidebar-inner-height;
//           &:hover {
//             background-color: $sidebar-hover-bg;
//             color: $sidebar-hover-bg-color;
//           }
//         }
//         &:hover {
//           color: $sidebar-hover-bg-color;
//           background-color: $sidebar-hover-bg;
//         }
//       }
//       .el-menu-item {
//         height: $sidebar-inner-height;
//         line-height: $sidebar-inner-height;
//         color: $sidebar-color;
//         i {
//           color: $sidebar-color;
//         }
//         &.is-active {
//           color: $sidebar-active-color;
//           border-left: 5px solid $sidebar-active-color;
//           background-color: $sidebar-mid-bg;
//           i {
//             color: $sidebar-active-color;
//           }
//           span:first-child,
//           i:first-child,
//           img:first-child {
//             margin-left: -5px;
//           }
//         }
//       }
//     }
//   }
// }
// .tl-table-fix {
//   &.tl-table.el-table--medium td,
//   &.tl-table.el-table--medium th {
//     padding: 7px 0;
//   }
//   &.tl-table.el-table--small td,
//   &.tl-table.el-table--medium th {
//     padding: 7px 0;
//   }
//   &.tl-table.el-table--mini td,
//   &.tl-table.el-table--medium th {
//     padding: 7px 0;
//   }
// }
// .tl-dialog {
//   .el-dialog {
//     width: auto;
//   }
// }
// .tl-dialog-small {
//   .el-dialog__header {
//     padding: 10px 20px 7px;
//     .el-dialog__title {
//       font-size: 15px;
//     }
//     .el-dialog__headerbtn {
//       top: 12px;
//     }
//   }
//   .el-dialog__footer {
//     padding: 2px 20px 5px;
//   }
// }
// .tl-full-calendar {
//   height: 100%;
//   .fc .fc-button-primary {
//     color: #fff;
//     color: var(--fc-button-text-color, #fff);
//     background-color: #409eff;
//     background-color: var(--fc-button-bg-color, #409eff);
//     border-color: #409eff;
//     border-color: var(--fc-button-border-color, #409eff);
//   }
//   .fc .fc-button-primary:not(:disabled):active,
//   .fc .fc-button-primary:not(:disabled).fc-button-active {
//     color: #fff;
//     color: var(--fc-button-text-color, #fff);
//     background-color: #3a8ee6;
//     background-color: var(--fc-button-active-bg-color, #3a8ee6);
//     border-color: #3a8ee6;
//     border-color: var(--fc-button-active-border-color, #3a8ee6);
//   }
//   .fc .fc-button-primary:disabled {
//     color: #fff;
//     color: var(--fc-button-text-color, #fff);
//     background-color: #409eff;
//     background-color: var(--fc-button-bg-color, #409eff);
//     border-color: #409eff;
//     border-color: var(--fc-button-border-color, #409eff);
//   }
//   .fc .fc-button-primary:hover {
//     color: #fff;
//     color: var(--fc-button-text-color, #fff);
//     background-color: #3a8ee6;
//     background-color: var(--fc-button-hover-bg-color, #3a8ee6);
//     border-color: #3a8ee6;
//     border-color: var(--fc-button-hover-border-color, #3a8ee6);
//   }
//   .fc .fc-button-primary:focus {
//     -webkit-box-shadow: 0 0 0 0rem white;
//     box-shadow: 0 0 0 0rem white;
//   }
//   .fc .fc-dayGridMonth-view .fc-daygrid-day.fc-day-today {
//     background-color: $calendarBg;
//   }
//   .fc .fc-dayGridMonth-view .fc-daygrid-day:hover {
//     background-color: $calendarBg;
//   }
// }
// .tl-help {
//   display: inline-block;
//   .el-popover {
//     font-size: 12px;
//     line-height: 1.6;
//     color: #888;
//   }
// }
// .people-container {
//   border: 1px solid #ebeef5;
//   border-radius: 5px;
//   padding: 5px;
//   max-height: 150px;
//   min-height: 36px;
//   overflow-y: scroll;
//   .people-type {
//     display: inline-block;
//   }
//   .el-button--primary {
//     background: white;
//     border-style: dashed;
//     padding: 5px 5px !important;
//   }
// }
// .center-input .input-with-select.el-input-group > .el-input__inner {
//   text-align: center;
// }
// body {
//   #app .sidebar-container {
//     width: 200px !important;
//     .scrollbar-wrapper {
//       .el-scrollbar__view {
//         .el-submenu__icon-arrow {
//           left: 168px;
//         }
//       }
//     }
//   }
//   #app .main-container {
//     margin-left: 200px;
//     .el-date-editor .el-range-separator {
//       width: 10%;
//     }
//   }
// }
// .theme-picker-dropdown {
//   .el-color-dropdown__main-wrapper {
//     display: none;
//   }
//   .el-color-dropdown__value {
//     display: none;
//   }
//   .el-color-predefine {
//     width: 90px;
//     float: left;
//   }
//   .el-color-dropdown__btns {
//     float: right;
//   }
//   &.el-color-dropdown {
//     width: 160px;
//   }
// }
// .home-page {
//   position: relative;
//   min-height: 640px;
//   .home-left {
//     ul {
//       padding: 0;
//       margin: 0;
//       list-style: none;
//     }
//     position: absolute;
//     width: 220px;
//     min-height: 100%;
//     top: 12px;
//     left: 12px;
//     color: #444;
//     h3 {
//       margin: 5px 0 20px 0;
//       font-size: 17px;
//       overflow: hidden;
//     }
//     .quick {
//       text-align: center;
//       margin-bottom: 30px;
//       svg {
//         font-size: 40px;
//         cursor: pointer;
//       }
//       h5 {
//         margin: 10px 0;
//         cursor: pointer;
//       }
//     }
//     .my-schedule {
//       margin-bottom: 30px;
//       border: 1px solid #ececec;
//       padding: 0 10px;
//       font-size: 13px;
//       border-radius: 5px;
//       li {
//         padding: 15px 0;
//         border-bottom: 1px solid #ececec;
//         overflow: hidden;
//         &:last-child {
//           border-bottom: none;
//         }
//         i {
//           font-style: normal;
//           display: inline-block;
//           margin-left: 10px;
//           font-size: 16px;
//           font-weight: bold;
//           color: #409eff;
//         }
//       }
//     }
//     .user-list-container {
//       border: 1px solid #ececec;
//       border-radius: 5px;
//       overflow-y: auto;
//       min-height: 180px;
//     }
//     .owner {
//       position: absolute;
//       top: 6px;
//       left: 70px;
//       font-weight: normal;
//       font-size: 12px;
//       color: #999;
//       b {
//         font-weight: normal;
//         color: #409eff;
//       }
//     }
//   }
//   .home-right {
//     margin-left: 230px;
//   }
//   ul.share-list {
//     padding: 10px;
//     border-radius: 5px;
//     font-size: 13px;
//     li {
//       padding: 10px 5px;
//       border-bottom: 1px solid #ececec;
//       overflow: hidden;
//       line-height: 1em;
//       &:hover {
//         background-color: rgb(236, 245, 255);
//       }
//       a {
//         float: right;
//         color: #409eff; // #009dd9
//       }
//       &.on {
//         color: #409eff;
//       }
//     }
//   }
// }
// .tl-form .el-form-item {
//   .input-with-select {
//     .el-select {
//       width: 100px;
//     }
//   }
// }
// .el-card.calendar-event-card {
//   overflow: visible;
// }
// .tl-tabs .el-tabs__content {
//   overflow: visible; // 超出部分可见
// }
// // 搜索栏多列显示控制优化
// .tl-search-div {
//   width: 1250px;
// }
// .tl-search-div .el-form-item {
//   margin-bottom: 5px;
// }
// .page .square {
//   width: 6px;
//   height: 18px;
//   background: #409eff;
//   display: inline-block;
//   margin-right: 2px;
//   vertical-align: middle;
// }
// .page .viewMeetRecord_link {
//   height: 5px;
//   color: #409eff;
//   float: right;
//   margin-top: 5px;
// }
// .staticCount {
//   margin-left: 6px;
//   margin-right: 2px;
//   color: #409eff;
//   font-size: 13px;
//   height: 14px;
//   line-height: 15px;
//   width: 25px;
//   display: inline-block;
// }
// .personCount {
//   padding: 5px !important;
//   border: solid 2px #409eff !important;
// }
// .personCount_click {
//   background-color: #409eff !important;
//   color: white !important;
// }
// .staticCount_click {
//   margin-left: 6px;
//   margin-right: 2px;
//   color: white;
//   font-size: 13px;
//   height: 14px;
//   line-height: 15px;
//   width: 25px;
//   display: inline-block;
// }
// .app-container-lr {
//   margin: 12px;
//   overflow: hidden;
//   position: relative;
//   .app-left,
//   .app-right {
//     background: white;
//     border-radius: 5px;
//     padding: 10px;
//   }
//   .app-right {
//     margin-left: 232px;
//     .btn-search-bar {
//       display: none;
//     }
//   }
//   .app-left {
//     width: 220px;
//     height: 100%;
//     position: absolute;
//     left: 0;
//     top: 0;
//     .tl-list-left-search {
//       overflow-x: hidden;
//       height: 100%;
//     }
//     .search-container {
//       margin-top: 10px;
//       height: calc(100% - 46px);
//       width: calc(100% + 15px);
//       padding-right: 15px;
//       .el-scrollbar__wrap {
//         overflow-x: hidden;
//       }
//     }
//     .search-form {
//       margin-bottom: 10px;
//       .el-form-item {
//         margin-bottom: 0;
//         .el-form-item__label {
//           padding: 0;
//         }
//       }
//       .el-date-editor.el-input,
//       .el-date-editor.el-input__inner {
//         width: 100%;
//       }
//       .el-badge__content.is-fixed {
//         right: 35px;
//       }
//     }
//   }
// }
// .customer-container {
//   position: relative;
//   overflow: hidden;
//   display: flex;
//   flex-wrap: wrap;
//   padding: 15px;
//   .customer-header {
//     width: 100%;
//     height: 60px;
//     border-bottom: 1px solid rgb(232, 232, 232);
//     overflow: hidden;
//     p {
//       margin: 0;
//       overflow: hidden;
//     }
//     .info {
//       overflow: hidden;
//       .logo {
//         font-size: 55px;
//         float: left;
//         margin-right: 15px;
//       }
//       .content {
//         padding-top: 5px;
//         p.contentOffset > span:not(:first-of-type) {
//           margin-left: 20px;
//         }
//         p:first-child {
//           line-height: 25px;
//           * {
//             display: block;
//             float: left;
//           }
//         }
//         p:last-child {
//           color: #888;
//           font-size: 14px;
//           height: 24px;
//           line-height: 24px;
//           span {
//             display: inline-block;
//             margin-right: 15px;
//           }
//         }
//         b {
//           font-size: 20px;
//         }
//         i {
//           color: #409eff;
//           font-style: normal;
//           font-size: 15px;
//         }
//         .el-tag {
//           height: 23px;
//           line-height: 23px;
//           display: inline-block;
//           margin: 0 20px;
//         }
//       }
//     }
//     .toolbar {
//       position: absolute;
//       z-index: 10;
//       right: 15px;
//       top: 15px;
//       .el-button.is-plain {
//         padding: 9px 15px;
//         border-radius: 6px;
//         font-size: 14px;
//       }
//     }
//   }
//   .customer-nav {
//     border-right: 1px solid rgb(232, 232, 232);
//     overflow: hidden;
//     flex: 0 1 200px;
//     height: 100%;
//     .nav-list {
//       margin: 0;
//       padding: 0;
//       list-style: none;
//       font-size: 14px;
//       color: #555;
//       li {
//         margin-top: 10px;
//         height: 34px;
//         line-height: 35px;
//         padding-left: 12px;
//         .navNum {
//           background: var(--tap-main-color, '#0a6ed2') !important;
//           color: white !important;
//           font-weight: bold;
//         }
//         .navNumDis {
//           background: #e4e4e4 !important;
//           color: #999999 !important;
//           font-weight: bold;
//         }
//         .navTextDis {
//           color: #999999 !important;
//         }
//         a {
//           cursor: pointer;
//         }
//         &.on {
//           background: #d9ecff;
//           border-left: 4px solid var(--tap-main-color, '#0a6ed2');
//           padding-left: 8px;
//           i {
//             background: white;
//           }
//         }
//         &.lvl2 {
//           padding-left: 30px;
//           font-size: 13px;
//         }
//         i {
//           font-style: normal;
//           color: var(--tap-main-color, '#0a6ed2');
//           display: inline-block;
//           height: 20px;
//           line-height: 20px;
//           width: 20px;
//           text-align: center;
//           border-radius: 10px;
//           font-size: 10px;
//           margin-left: 5px;
//           background: #d9ecff;
//         }
//         label {
//           font-family: Arial, Helvetica, sans-serif;
//           font-size: 10px;
//           color: rgb(250, 140, 49);
//           display: inline-block;
//           margin-left: 5px;
//         }
//       }
//     }
//   }
//   .customer-main {
//     padding-bottom: 20px;
//     width: 1px;
//     flex: 1;
//     .customer-main-container {
//       height: 100%;
//       .el-scrollbar__wrap {
//         overflow-x: hidden;
//       }
//     }
//     .step-position {
//       display: block;
//       height: 0;
//     }
//     .tl-table {
//       margin-left: 25px;
//       width: calc(100% - 25px);
//     }
//     .el-table--mini,
//     .el-table--small,
//     .el-table__expand-icon {
//       font-size: 14px;
//     }
//     .line {
//       height: 0px;
//       border-bottom: 1px solid #f2f2f2;
//       margin: 25px 0 10px 0;
//       margin-left: 25px;
//     }
//   }
// }
// .tl-drawer {
//   &.tl-drawer-approval {
//     .customer-container {
//       padding: 0;
//     }
//   }
//   &.frame-drawer {
//     .el-drawer__open .el-drawer.rtl {
//       animation: none;
//       box-shadow: none;
//     }
//   }
//   .el-drawer__body {
//     overflow: hidden;
//   }
// }
// .modal-container {
//   height: 100vh;
//   width: 100vw;
//   position: fixed;
//   z-index: 3000;
//   top: 0;
//   left: 0;
// }
// .component-change-enter-active {
//   transition: all 0.5s;
// }
// .component-change-enter {
//   opacity: 0;
//   transform: translateX(20px);
// }
// .component-change-leave-active {
//   transition: opacity 0.28s;
//   opacity: 0;
// }
// .tl-form-line-title {
//   font-size: 18px;
//   font-weight: bold;
//   height: 20px;
//   line-height: 20px;
//   border-left: 4px solid #409eff;
//   padding-left: 8px;
//   margin: 17px 0 12px 15px;
//   overflow: hidden;
//   &.sub-title {
//     font-weight: normal;
//     border-left: none;
//     padding-left: 12px;
//     font-size: 18px;
//     color: black;
//   }
//   .toolbar {
//     float: right;
//     .el-button {
//       padding: 0;
//       line-height: 20px;
//     }
//   }
//   .simple-pager {
//     font-size: 14px;
//     font-weight: normal;
//     color: #777;
//     display: inline-block;
//     margin-left: 20px;
//     i {
//       color: #c0c0c0;
//     }
//     i.on {
//       cursor: pointer;
//       color: #409eff;
//     }
//   }
// }
// .tl-drawer-approval {
//   .el-drawer {
//     padding: 0;
//     .el-drawer__body {
//       height: 100%;
//     }
//   }
// }
// .approval-container {
//   width: 100%;
//   height: 100%;
//   position: relative;
//   background-color: #f9f9f9;
//   .approval-main-container {
//     height: calc(100% - 90px);
//     .el-scrollbar__wrap {
//       overflow-x: hidden;
//     }
//     .form-main-area {
//       padding: 15px;
//       background-color: white;
//     }
//   }
//   .approval-area {
//     position: absolute;
//     bottom: 0;
//     left: 0;
//     width: 100%;
//     margin-bottom: 0px;
//     background-color: #fdf6ec;
//     border-radius: 5px;
//     padding: 15px 0;
//     border-top: 1px solid #ccc;
//     box-shadow: 0px -5px 5px #f2f2f2;
//     overflow: hidden;
//     height: 90px;
//   }
// }
// .approval-edit-header {
//   position: relative;
//   .el-tabs {
//     margin-right: 140px;
//     .el-tabs__header {
//       margin-bottom: 5px;
//     }
//   }
//   .close {
//     position: absolute;
//     right: 0;
//     top: 0;
//   }
// }
// .full-container {
//   height: 100%;
//   .el-scrollbar__wrap {
//     overflow-x: hidden;
//   }
// }
// .mcr-attach {
//   .tl-upload {
//     padding-left: 15px;
//   }
// }
// $placeholder-disabled-color: #f5f7fa;
// $placeholder-validate-disabled-color: #e9e9eb;
// // 文字提示
// @mixin placeholder($color) {
//   &::placeholder {
//     color: $color !important;
//   }
//   &::-moz-placeholder {
//     color: $color !important;
//   }
//   &::-ms-input-placeholder {
//     color: $color !important;
//   }
//   &:-ms-input-placeholder {
//     color: $color !important;
//   }
// }
// // 输入框、文本域
// .el-input.is-disabled .el-input__inner,
// .el-textarea.is-disabled .el-textarea__inner {
//   @include placeholder($placeholder-disabled-color);
// }
// .tl-validate-form {
//   .el-form-item.is-error {
//     // 输入框、文本域
//     .el-input.is-disabled .el-input__inner,
//     .el-textarea.is-disabled .el-textarea__inner {
//       @include placeholder($placeholder-validate-disabled-color);
//     }
//   }
// }
// .group-page {
//   .save-all {
//     position: fixed;
//     width: 50px;
//     line-height: 16px;
//     height: 50px;
//     text-align: center;
//     padding: 9px 0;
//     cursor: pointer;
//     color: #409eff;
//     z-index: 30000;
//     border-radius: 25px;
//     bottom: 50px;
//     right: 20px;
//     font-size: 13px;
//     border: 1px solid #b3d8ff;
//     background: #ecf5ff;
//   }
//   .save-all:hover {
//     color: white;
//     background: #409eff;
//   }
// }
// .tl-table .el-input.is-disabled .el-input__inner {
//   color: #606266;
// }
// .tl-form .el-checkbox__input.is-disabled + span.el-checkbox__label {
//   color: #606266;
// }
// .tl-form .el-radio__input.is-disabled.is-checked .el-radio__inner::after {
//   background-color: #606266;
// }
// .tl-form .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
//   border-color: #606266;
// }
// #size-select {
//   display: none;
// }
// .itr-drawer-container {
//   position: relative;
//   overflow: hidden;
//   display: flex;
//   flex-wrap: wrap;
//   padding: 15px;
//   .itr-drawer-header {
//     width: 100%;
//     height: 60px;
//     border-bottom: 1px solid rgb(232, 232, 232);
//     overflow: hidden;
//     p {
//       margin: 0;
//       overflow: hidden;
//     }
//     .info {
//       overflow: hidden;
//       .logo {
//         font-size: 55px;
//         float: left;
//         margin-right: 15px;
//       }
//       .content {
//         padding-top: 5px;
//         p.contentOffset > span:not(:first-of-type) {
//           margin-left: 20px;
//         }
//         p:first-child {
//           line-height: 25px;
//           * {
//             display: block;
//             float: left;
//           }
//         }
//         p:last-child {
//           color: #888;
//           font-size: 14px;
//           height: 24px;
//           line-height: 24px;
//           span {
//             display: inline-block;
//             margin-right: 15px;
//           }
//         }
//         b {
//           font-size: 20px;
//         }
//         i {
//           color: #409eff;
//           font-style: normal;
//           font-size: 15px;
//         }
//         .el-tag {
//           height: 23px;
//           line-height: 23px;
//           display: inline-block;
//           margin: 0 20px;
//         }
//       }
//     }
//     .toolbar {
//       position: absolute;
//       z-index: 10;
//       right: 15px;
//       top: 15px;
//       .el-button.is-plain {
//         padding: 9px 15px;
//         border-radius: 6px;
//         font-size: 14px;
//       }
//     }
//   }
//   .itr-drawer-nav {
//     border-right: 1px solid rgb(232, 232, 232);
//     overflow: hidden;
//     flex: 0 1 200px;
//     height: 100%;
//     .nav-list {
//       margin: 0;
//       padding: 0;
//       list-style: none;
//       font-size: 14px;
//       color: #555;
//       li {
//         margin-top: 10px;
//         height: 34px;
//         line-height: 35px;
//         padding-left: 12px;
//         .navNum {
//           background: var(--tap-main-color, '#0a6ed2') !important;
//           color: white !important;
//           font-weight: bold;
//         }
//         .navNumDis {
//           background: #e4e4e4 !important;
//           color: #999999 !important;
//           font-weight: bold;
//         }
//         .navTextDis {
//           color: #999999 !important;
//         }
//         a {
//           cursor: pointer;
//         }
//         &.on {
//           background: #d9ecff;
//           border-left: 4px solid var(--tap-main-color, '#0a6ed2');
//           padding-left: 8px;
//           i {
//             background: white;
//           }
//         }
//         &.lvl2 {
//           padding-left: 30px;
//           font-size: 13px;
//         }
//         i {
//           font-style: normal;
//           color: var(--tap-main-color, '#0a6ed2');
//           display: inline-block;
//           height: 20px;
//           line-height: 20px;
//           width: 20px;
//           text-align: center;
//           border-radius: 10px;
//           font-size: 10px;
//           margin-left: 5px;
//           background: #d9ecff;
//         }
//         label {
//           font-family: Arial, Helvetica, sans-serif;
//           font-size: 10px;
//           color: rgb(250, 140, 49);
//           display: inline-block;
//           margin-left: 5px;
//         }
//       }
//     }
//   }
//   .itr-drawer-main {
//     padding-bottom: 20px;
//     width: 1px;
//     flex: 1;
//     .itr-drawer-main-container {
//       height: 100%;
//       .el-scrollbar__wrap {
//         overflow-x: hidden;
//       }
//     }
//     .step-position {
//       display: block;
//       height: 0;
//     }
//     .tl-table {
//       margin-left: 25px;
//       width: calc(100% - 25px);
//     }
//     .el-table--mini,
//     .el-table--small,
//     .el-table__expand-icon {
//       font-size: 14px;
//     }
//     .line {
//       height: 0px;
//       border-bottom: 1px solid #f2f2f2;
//       margin: 25px 0 10px 0;
//       margin-left: 25px;
//     }
//   }
// }

// .el-form {
//   // 禁用状态下显示placeholder
//   .placeholder-disabled-input,
//   .placeholder-disabled-input .el-input.is-disabled {
//     .el-textarea__inner,
//     .el-input__inner {
//       @include placeholder(#c0c4cc);
//     }
//   }
//   .el-range-editor {
//     &.is-disabled {
//       .el-range-separator {
//         color: #606266;
//       }
//       input {
//         color: #606266;
//       }
//     }
//   }
// }

// // 抽屉页右下角按钮样式
// .tl-button-ref-container {
//   display: inline-block;
//   & + &,
//   & + .el-button,
//   & + .tl-upload-container,
//   .el-button + & {
//     margin-left: 10px;
//   }
// }

// //列表 popper tootip显示宽度限制
// .el-tooltip__popper {
//   max-width: 300px;
// }

// // 逾期、临期状态提示
// .itr-legend {
//   display: flex;
//   margin-top: 10px;
//   padding: 2px 5px;
//   @at-root &__square {
//     background-color: var(--squareColor, white);
//     height: 20px;
//     width: 20px;
//   }
//   @at-root &__content {
//     height: 20px;
//     line-height: 20px;
//     width: 100px;
//     margin-left: 8px;
//     font-size: 14px;
//     color: #666;
//   }
// }
